<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="西贝贾同学/siebe">
    <title>学术网址导航</title>
    <link rel="icon" href="./assets/images/favicon.ico" />
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="./assets/css/nav.css">
    <!-- 百度统计 -->
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?db763c94623cb255048900abe53ee232";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
    </script>   
</head>

<body>
    <div class="bg position-absolute">
        <img src="./assets/images/bg/bg.jpg" alt="">
        <div class="bottom-cover position-absolute"></div>
    </div>

    <nav class="navbar navbar-expand-md navbar-light fixed-top position-absolute">
        <a class="navbar-brand" href="#">
            <img src="./assets/images/logo_boshi.png" height="35" width="30" style="margin:0px" alt="">
        </a>
        <button class="navbar-toggler" id="menuButton" type="button" data-toggle="collapse"
            data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false"
            aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="https://www.jianshu.com/u/18180e0e07d6" target="_blant">博客</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="https://gitee.com/siebe/xueshu-nav" target="_blant">Gitee</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="" target="_blant">About</a>
                </li>
            </ul>
            <div id="he-plugin-simple"></div>
            <script>
                WIDGET = {
                    CONFIG: {
                        "modules": "01234",
                        "background": 5,
                        "tmpColor": "4A4A4A",
                        "tmpSize": 14,
                        "cityColor": "4A4A4A",
                        "citySize": 14,
                        "aqiSize": 14,
                        "weatherIconSize": 22,
                        "alertIconSize": 16,
                        "padding": "8px 8px 8px 8px",
                        "shadow": "1",
                        "language": "auto",
                        "borderRadius": 5,
                        "fixed": "false",
                        "vertical": "middle",
                        "horizontal": "center",
                        "key": "a7729e45ee6543108adfc157f54b8178"
                    }
                }
            </script>
            <script src="https://widget.heweather.net/simple/static/js/he-simple-common.js?v=1.1"></script>
        </div>

    </nav>

    <main role="main" class="container position-relative">
        <!--搜索开始-->
        <div id="search">
            <div id="search-list">
                    <ul class="search-type">
                        <li>
                            <input checked="" hidden="" type="radio" name="type" id="type-baidu"
                                value="https://www.baidu.com/s?wd=" data-placeholder="百度一下">
                            <label for="type-baidu">
                                <span style="color:#2100E0">百度</span>
                            </label>
                        </li>
                        <li>
                            <input hidden="" type="radio" name="type" id="type-sci-hub"
                                value="https://sci-hub.ren/" data-placeholder="enter URL, PMID / DOI or search string">
                            <label for="type-sci-hub">
                                <span style="color:#f80707">SCI-HUB</span>
                            </label>
                        </li>
                        <li>
                            <input hidden="" type="radio" name="type" id="type-xueshu"
                                value="https://xueshu.baidu.com/s?wd=" data-placeholder="百度学术">
                            <label for="type-xueshu">
                                <span style="color:#2100E0">百度学术</span>
                            </label>
                        </li>
                        <li>
                            <input hidden="" type="radio" name="type" id="type-google" value="https://www.google.com.hk/search?hl=zh-CN&q="
                                data-placeholder="谷歌搜索">
                            <label for="type-google">
                                <span style="color:#3B83FA">G</span>
                                <span style="color:#F3442C">o</span>
                                <span style="color:#FFC300">o</span>
                                <span style="color:#4696F8">g</span>
                                <span style="color:#2CAB4E">l</span>
                                <span style="color:#F54231">e</span>
                            </label>
                        </li>
                    </ul>
            </div>
            <form action="https://www.baidu.com/s?wd=" method="get" target="_blank" id="search-form">
                <input type="text" id="search-text" data-type="type-baidu" placeholder="百度一下" style="outline:0" autocomplete="off">
                <button class="submit" type="submit">
                    
                </button>
                <ul id="word" style="display: none;">

                </ul>
            </form>

        </div>
        <!--搜索结束-->
        <!-- 网址列表开始 -->
        <div class="category">
            <h3>常用推荐</h3>
            <ul class="d-flex flex-wrap align-items-around justify-content-between xue-list">
                <li><a rel="nofollow" href="https://v.qq.com/" target="_blank">
                        <img src="./assets/images/logos/tenxunvideo.ico" /><span>腾讯视频</span></a></li>
                <!-- 空标签，解决最后一行排列排列不对齐 -->
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <div class="category">
            <h3>学术搜索</h3>
            <ul class="d-flex flex-wrap align-items-around justify-content-between xue-list">
                <li><a rel="nofollow" href="https://xueshu.baidu.com" target="_blank">
                        <img src="./assets/images/logos/xueshu.baidu.ico" /><span>百度学术</span></a></li>
                <li><a rel="nofollow" href="https://academic.microsoft.com" target="_blank">
                        <img src="./assets/images/logos/academic.microsoft.ico" /><span>微软学术</span></a></li>
                <li><a rel="nofollow" href="https://www.cnki.net" target="_blank">
                        <img src="./assets/images/logos/cnki.ico" /><span>知网</span></a></li>
                <li><a rel="nofollow" href="http://find.nlc.cn" target="_blank">
                        <img src="./assets/images/logos/find.nlc.ico" /><span>国图文津</span></a></li>
                <li><a rel="nofollow" href="https://www.oalib.com/" target="_blank">
                        <img src="./assets/images/logos/oalib.ico" /><span>OALib</span></a></li>
                <li><a rel="nofollow" href="https://pubmed.ncbi.nlm.nih.gov" target="_blank">
                                <img src="./assets/images/logos/pubmed.ico" /><span>PubMed</span></a></li>
                <li><a rel="nofollow" href="https://doaj.org" target="_blank">
                                <img src="./assets/images/logos/doaj.png" /><span>DOAJ</span></a></li>
                
                <!-- 空标签，解决最后一行排列排列不对齐 -->
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <div class="category">
            <h3>翻译工具</h3>
            <ul class="d-flex flex-wrap align-items-around justify-content-between xue-list">
                <li><a rel="nofollow" href="https://fanyi.baidu.com" target="_blank">
                        <img src="./assets/images/logos/fanyi.baidu.ico" /><span>百度翻译</span></a></li>
                <li><a rel="nofollow" href="https://translate.google.cn" target="_blank">
                        <img src="./assets/images/logos/translate.google.ico" /><span>谷歌翻译</span></a></li>
                <li><a rel="nofollow" href="https://fanyi.youdao.com" target="_blank">
                        <img src="./assets/images/logos/fanyi.youdao.ico" /><span>有道翻译</span></a></li>
                <li><a rel="nofollow" href="https://www.iciba.com" target="_blank">
                        <img src="./assets/images/logos/iciba.ico" /><span>金山词霸</span></a></li>
                <!-- 空标签，解决最后一行排列排列不对齐 -->
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <!-- <div class="category">
            <h3>文献下载</h3>
            <ul class="d-flex flex-wrap align-items-around justify-content-between xue-list">
                <li><a rel="nofollow" href="https://fanyi.baidu.com" target="_blank">
                        <img src="./assets/images/logos/fanyi.baidu.ico" /><span>百度翻译</span></a></li>
                <li><a rel="nofollow" href="https://translate.google.cn" target="_blank">
                        <img src="./assets/images/logos/translate.google.ico" /><span>谷歌翻译</span></a></li>
                <li><a rel="nofollow" href="https://fanyi.youdao.com" target="_blank">
                        <img src="./assets/images/logos/fanyi.youdao.ico" /><span>有道翻译</span></a></li>
                <li><a rel="nofollow" href="https://www.iciba.com" target="_blank">
                        <img src="./assets/images/logos/iciba.ico" /><span>金山词霸</span></a></li>
               空标签，解决最后一行排列排列不对齐
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div> -->
        <div class="category">
                <h3>视频媒体</h3>
                <ul class="d-flex flex-wrap align-items-around justify-content-between xue-list">
                    <li><a rel="nofollow" href="https://v.qq.com" target="_blank">
                            <img src="./assets/images/logos/v.qq.ico" /><span>腾讯视频</span></a></li>
                    <li><a rel="nofollow" href="https://www.youku.com" target="_blank">
                            <img src="./assets/images/logos/youku.png" /><span>优酷</span></a></li>
                    <li><a rel="nofollow" href="https://www.iqiyi.com" target="_blank">
                            <img src="./assets/images/logos/iqiyi.png" /><span>爱奇艺</span></a></li>
                    <li><a rel="nofollow" href="https://tv.cctv.com" target="_blank">
                            <img src="./assets/images/logos/tv.cctv.ico" /><span>CCTV直播</span></a></li>
                    <li><a rel="nofollow" href="https://www.bilibili.com" target="_blank">
                            <img src="./assets/images/logos/bilibili.ico" /><span>哔哩哔哩</span></a></li>
                    <!-- 空标签，解决最后一行排列排列不对齐 -->
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
    </main>

    <p class="text-center">©2021-现在 by <a href="https://www.jianshu.com/u/18180e0e07d6">siebe</a>. All rights reserved. <a href="http://beian.miit.gov.cn" target="_blank">辽ICP备17021744号-1</a></p>
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

    <!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script>
        $(document).ready(function () {
            //搜索引擎切换
            $("#search-list").on("click", function (e) {
                if (e.target.dataset.placeholder != undefined) {
                    let obj = e.target;
                    $('#search-text').attr("placeholder", obj.dataset.placeholder);
                    $('#search-text').attr("data-type", obj.id);
                    $("#search-form").attr("action", obj.defaultValue);
                }
            });
            //当键盘键被松开时发送Ajax获取数据
            $('#search-text').keyup(function (e) {
                //如果当前搜索引擎不是百度，就不进行关键词提示
                let type = e.target.dataset.type;
                if(type != "type-baidu"){
                    return false;
                }
                var keywords = $(this).val();
                if (keywords == '') { $('#word').hide(); return };
                $.ajax({
                    url: 'https://suggestion.baidu.com/su?wd=' + keywords,
                    dataType: 'jsonp',
                    jsonp: 'cb', //回调函数的参数名(键值)key
                    // jsonpCallback: 'fun', //回调函数名(值) value
                    beforeSend: function () {
                        // $('#word').append('<li>正在加载。。。</li>');
                    },
                    success: function (data) {
                        $('#word').empty().show();
                        if (data.s == '') {
                            $('#word').empty();
                            $('#word').hide();
                        }
                        $.each(data.s, function () {
                            $('#word').append('<li>' + this + '</li>');
                        })
                    },
                    error: function () {
                        $('#word').empty().show();
                        $('#word').hide();
                    }
                })
            })

        });
        $("form").submit(function(event){
                event.preventDefault();
                let word = $("#search-text").val();
                if(word == undefined || word.length == 0){
                        return false;
                }
                window.open(event.target.action + word, "_blank");
        });
        //点击搜索数据复制给搜索框
        $(document).on('click', '#word li', function () {
            var word = $(this).text();
            $('#search-text').val(word);
            $('#word').empty();
            $('#word').hide();
            $('.submit').trigger('click');//触发搜索事件
        })
        //清空搜索结果
        $(document).on('click', '.container,.bg,nav', function () {
            $('#word').empty();
            $('#word').hide();
        })
    </script>
</body>

</html>